<template>
        <div id="app">
            <div id="box">
               <el-page-header @back="goBack" title="" content="问大家 (3)">
               </el-page-header>
            </div>
            <div id="goods">
                <div id="img">
                    <img id="imgs" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=172117934,3658032991&fm=26&gp=0.jpg" alt="">
                </div>
                <div id="size">
                     <p id="size2">Kao 花王 珂润润浸保湿柔和乳液 120毫升/瓶 【新老包装随机发货】 </p><p id="size3">￥ 295</p>
                </div>
            </div>
            <div id="da">
                <div id="wen">
                    问
                </div>
                <p id="size4">请问洗完会干吗？</p>
            </div>
            <div id="size-zhong">
                <div id="size-zhong1">
                    <div id="wen1">
                        答
                    </div>
                    <p id="size4">全部4个回答</p>
                    <div id="wen1">
                        😘
                    </div>
                    <div id="mao">
                        小**猫
                    </div>
                    <div id="mao1">
                        2018-06-09
                    </div>
                    <div id="mao2">
                        有点干
                    </div>
                       <el-button id="ju" size="small">举报</el-button>
                       <el-button id="ju1" size="small">点赞</el-button>
                </div>
                <div id="size-zhong1">
                    <div id="wen1">
                        答
                    </div>
                    <p id="size4">全部4个回答</p>
                    <div id="wen1">
                        😘
                    </div>
                    <div id="mao">
                        小**猫
                    </div>
                    <div id="mao1">
                        2018-06-09
                    </div>
                    <div id="mao2">
                        有点干
                    </div>
                       <el-button id="ju" size="small">举报</el-button>
                       <el-button id="ju1" size="small">点赞</el-button>
                </div>
                <div id="size-zhong1">
                    <div id="wen1">
                        答
                    </div>
                    <p id="size4">全部4个回答</p>
                    <div id="wen1">
                        😘
                    </div>
                    <div id="mao">
                        小**猫
                    </div>
                    <div id="mao1">
                        2018-06-09
                    </div>
                    <div id="mao2">
                        有点干
                    </div>
                       <el-button id="ju" size="small">举报</el-button>
                       <el-button id="ju1" size="small">点赞</el-button>
                </div>
                <div id="size-zhong1">
                    <div id="wen1">
                        答
                    </div>
                    <p id="size4">全部4个回答</p>
                    <div id="wen1">
                        😘
                    </div>
                    <div id="mao">
                        小**猫
                    </div>
                    <div id="mao1">
                        2018-06-09
                    </div>
                    <div id="mao2">
                        有点干
                    </div>
                       <el-button id="ju" size="small">举报</el-button>
                       <el-button id="ju1" size="small">点赞</el-button>
                </div>
            </div>
        </div>
</template>
<style >
#ju{
   margin-top: -80px;
   float: right;
   margin-right: -55px;
}
#ju1{
   margin-top: -20px;
   float: right;
   margin-right: -55px;
}
#mao{
   margin-top: -60px;
   float: left;
   margin-left: 70px;
}
#mao1{
   margin-top: -39px;
   float: left;
   margin-left: 70px;
}
#mao2{
   margin-top: -18px;
   float: left;
   margin-left: 70px;
}
#wen1{
    width: 30px;
    height: 30px;
    border:1px solid red;
    border-radius:50%;
    margin-left: 20px;
    background-color: red;
    padding-top: 5px;
    text-align: center;
    line-height: 25px;
    color:lightblue;
    margin-top: 1%;
    margin-bottom: 20px;
}
#size-zhong1{
    width: 80%;
    height: 130px;
}
#size-zhong{
    width: 90%;
    height: 100%;
    background-color: aliceblue;
    margin-left: 5%;
}
#da{
    width: 90%;
    height: 40px;
    background-color: rgb(243, 247, 250);
    margin-left: 5%;
    margin-top: 10px;
    border-bottom: 1px solid rgb(173, 195, 202);

}
#wen{
    width: 30px;
    height: 30px;
    border:1px solid red;
     border-radius:50%;
     margin-left: 20px;
     padding-top: 5px;
     text-align: center;
     line-height: 0px;
     color: red;
     margin-bottom: 5px;
}
#size4{
    width: 140px;
    height: 40px;
    line-height: 20px;
    float: left;
    margin-top: -35px;
    margin-left: 55px;
}
#size{
    widows: 100%;
    height: 50px;
    float: right;
}
#size2{
    width: 80%;
    height: 50px;
    margin-top: -20px;
    font-size: 10px;
    margin-left: 50px;
}
#size3{
    width: 50px;
    height: 50px;
    float: right;
    margin-right: 40px;
    margin-top: -32px;
}
#img{
    widows: 30px;
    height: 30px;
    float: left;
}
#imgs{
    widows: 30px;
    height: 30px;
    float: left;
    margin: 10px
}
#app{
    width: 100%;
    height: 100%;
    background-color: rgb(212, 219, 221);
}
#box{
     width: 100%;
     height: 40px;
     margin-top: -49px;
     text-align: center;
     line-height: 40px;
     padding-left: 12px;
     background-color: rgb(243, 247, 250);
}
#goods{
   widows: 100px;
   height: 50px;
   margin-top: 10px;
   background-color:  rgb(248, 250, 252);
}
</style>
<script>
export default {
  methods: {
    goBack () {
      this.$router.push('/goodsinfo')
    }
  }
}
</script>
